<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<html>
<head>
    <title>发布社团招募</title>
    <script type="text/javascript" src="${ctx}/static/myJs/util.js"></script>
    <script type="text/javascript" src="${ctx}/static/myJs/groupRecruitController.js"></script>
</head>
<body>
    <div class="content">
        <h3 class="item-title">招募条件</h3>
        <input type="hidden" id="id" value="${id}">
        <input type="hidden" id="title" value="${title}">
        <input type="hidden" id="stopDate" value="${stopDate}">
        <input type="hidden" id="needs" value="${needs}">
        <input type="hidden" id="linkman" value="${linkman}">
        <input type="hidden" id="phone" value="${phone}">
        <input type="hidden" id="job" value="${job}">
        <input type="hidden" id="skill" value="${skill}">
        <input type="hidden" id="serviceField" value="${serviceField}">
        <input type="hidden" id="img" value="${img}">
        <input type="hidden" id="demo" value="${demo}">
        <input type="hidden" id="question" value="${question}">
        <ol class="volunteer-recruitment-question-list" id="question_list">

            <%--<li class="list-item">
                <a href="#">XXXXXXXXX</a>

                <div class="pull-right">
                    <div class="list-edit"><a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a></div>
                    <div class="list-delete"><a href="#"><i class="fa fa-trash" aria-hidden="true"></i></a></div>
                </div>
            </li>
            <li class="list-item">
                <a href="#">XXXXXXXXX</a>
                <div class="pull-right">
                    <div class="list-edit"><a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a></div>
                    <div class="list-delete"><a href="#"><i class="fa fa-trash" aria-hidden="true"></i></a></div>
                </div>
            </li>--%>
                <c:set value="${ fn:split(question, ';') }" var="str1"/>
                <c:forEach items="${ str1 }" var="s">
                    <li class="list-item"><a href="javascript:void(0);">${s}</a></li>
                </c:forEach>
        </ol>


        <div>
            <button class="btn" data-toggle="modal" data-target="#myModal">
                <i class="fa fa-plus" aria-hidden="true"></i>
            </button>
            <button class="btn" onclick="history.back(-1);">返回</button>
            <button class="btn" onclick="javascript:save();">完成</button>
        </div>
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-body">
                        <textarea class="form-control" id="myQuestion" placeholder="可以设置多个问题(至少一个，最多五个)，用英文分号来区分...">${question}</textarea>
                    </div>
                    <div class="modal-footer">
                        <button class="btn" data-dismiss="modal">关闭</button>
                        <button class="btn" onclick="javascript:addQuestion();">保存</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>
</html>
